html {font-family:"PingFang SC","Microsoft YaHei"; outline:none;font-size:14px;color:#333;}
html,body,header,section,footer,div,ul,ol,li,img,a,span,em,del,legend,center,strong,var,fieldset,form,label,dl,dt,dd,cite,input,hr,time,mark,code,figcaption,figure,textarea,h1,h2,h3,h4,h5,h6,p {margin:0;border:0;padding:0;font-style:normal;}
html,body {-webkit-touch-callout:none;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;}
nav,article,aside,details,main,header,footer,section,fieldset,figcaption,figure {display:block;}
img,a,button,em,del,strong,var,label,cite,small,time,mark,code,textarea {display:inline-block;}
header,section,footer {position:relative;}
ol,ul,em,i{list-style:none;font-style:normal;}
input,button,textarea,select{border:0;margin:0;width:inherit;padding:0;font-size:1em;line-height:1em;background-color:rgba(0,0,0,0);outline: none;}
textarea{resize:none;}
a:active,a:hover {outline:0;}
a,a:visited {text-decoration:none; color: #555;}
label,.wordWrap {word-wrap:break-word;word-break:break-all;}
table {border-collapse:collapse;border-spacing:0;}
td,th {padding:0;}
/*vue--*/
[v-none]{ display: none; }
.ge5{ clear:both; font-size:0px; height:5px; overflow:hidden;}
.ge10{ clear:both; font-size:0px; height:10px; overflow:hidden;}
.ge20{ clear:both; font-size:0px; height:20px; overflow:hidden;}
.ge30{ clear:both; font-size:0px; height:30px; overflow:hidden;}
.ge40{ clear:both; font-size:0px; height:40px; overflow:hidden;}

.aaa{animation:fadeIn 1s;-webkit-animation:fadeIn 1s;}
.zzz{display:flex; align-items: center;justify-content: center;}

.tapcss{ opacity: 0.8;}
.taphui{ background-color: rgba(250,250,250,0.8);}
.bodyall{ width: 100%; height: 100%; overflow: hidden;}
.lyprice{color: #F60;font-size: 12px;}
.lyprice em{font-size: 16px;}
.lybut{border-radius:5px;background-color: #EEE; font-size: 16px; display: block; line-height: 40px; text-align: center; padding: 0px 30px}
.lybut:active{opacity:0.85;}
/*右箭头*/
.ly-ricon{display:flex;flex-direction:column; align-items: center;justify-content: center;}
.ly-ricon:before{
	opacity:0.3;content: "";width:12px; height:12px;background-size:cover;
	background-image: url("");
}
.ly-but{border-radius:5px;background-color: #EEE; display: block; font-size: 16px;line-height: 40px; padding: 0px 30px; text-align: center; }
.ly-but:active{opacity:0.85;}
.ly-but.sm{font-size:12px;line-height:26px;padding: 0px 10px;}

.ly-select{width: 25px;position: relative; display: flex; justify-content: center; align-items: center;}
.ly-select:after{width:18px;height:18px;content:" "; background-image:url(../image/main3/off.png);background-repeat:no-repeat;background-position:center; background-size:cover;}
.ly-select.on:after{background-image:url(../image/main3/on.png);}
/*半像素边线*/
.xbx,.sbx{ position: relative;}
.sbx:before{content:" ";position:absolute;left:0;top:-0.03rem;right:0;height:1px;border-top:1px solid #CCC;color:#EDEDED;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.1);transform:scaleY(0.1);}
.xbx:before{content:" ";position:absolute;left:0;bottom:-0.0937rem;right:0;height:1px;border-bottom:1px solid #CCC;color:#CCC;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.1);transform:scaleY(0.1);}

/*半像素边框*/
.border-top,.border-bottom,.border-right,.border-left,.border-all{position: relative;}
.border-top:before{content: '';position: absolute;width: 200%;height: 1px;top: 0;left: 0;background: #D4D5E1;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.5, 0.2);-moz-transform: scale(0.5, 0.2);-ms-transform: scale(0.5, 0.2);-o-transform: scale(0.5, 0.2);transform: scale(0.5, 0.2);}
.border-bottom:before{content: '';position: absolute;width: 200%;height: 1px;bottom: 0;left: 0;background: #D4D5E1;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.5, 0.2);-moz-transform: scale(0.5, 0.2);-ms-transform: scale(0.5, 0.2);-o-transform: scale(0.5, 0.2);transform: scale(0.5, 0.2);}
.border-right:before{content: '';position: absolute;width: 1px;height: 200%;top: 0;right: 0;background: #D4D5E1;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.2, 0.5);-moz-transform: scale(0.2, 0.5);-ms-transform: scale(0.2, 0.5);-o-transform: scale(0.2, 0.5);transform: scale(0.2, 0.5);}
.border-left:before{content: '';position: absolute;width: 1px;height: 200%;top: 0;left:0;background: #D4D5E1;-webkit-transform-origin: 0 0;-moz-transform-origin: 0 0;-ms-transform-origin: 0 0;-o-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.2, 0.5);-moz-transform: scale(0.2, 0.5);-ms-transform: scale(0.2, 0.5);-o-transform: scale(0.2, 0.5);transform: scale(0.2, 0.5);}
.border-all:before{content: '';position: absolute;width: 200%;height: 200%;top: 0;left: 0;border: 1px solid #EEEEEE;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transform: scale(0.5, 0.5);transform: scale(0.5, 0.5);-webkit-box-sizing: border-box;}

/*文本显示几行*/
.han_1{word-break: break-all;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:1;-webkit-box-orient:vertical;}
.han_2{word-break: break-all;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.han_3{word-break: break-all;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;}
.han_4{word-break: break-all;overflow:hidden;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;word-wrap:break-word;white-space:normal!important;-webkit-line-clamp:4;-webkit-box-orient:vertical;}
/*弹性盒子*/
.flex {display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.flex1 {-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.flex2 {-webkit-box-flex:2;-moz-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;}

/*背景图属性*/
.bgpic{background-repeat:no-repeat;height:100%;background-position:center; background-size:cover;}
.imgfadeIn{animation:fadeIn 1s;-webkit-animation:fadeIn 1s;}

/*暂无数据样式*/
.nodata{text-align:center;margin-top:30%;margin-bottom:50px;}
.nodata img{width:40%;}
.nodata p{color:#666666; margin-top:-10px;font-size: 14px;}
.nodata .button{
	margin-top: 10px;
	display: inline-block;
	line-height: 24px;
	padding: 2px 15px; border-radius: 10px; border: 2px #ff5a60 solid;
}
/*头部标题栏 headbar*/
.headbar {width:100%;height:48px;line-height:48px; position:relative;}
.headbar.fix,.fix{ position:fixed; z-index:20;left:0px; top:0px; right: 0px;}
.headbar .toolbar{ position: relative; overflow: hidden; height: 100%;}
.headbar .toolbar.fix{background-color:inherit; position: absolute; top: 0px;left: 0px; bottom: 0px; right: 0px;}
.headbar .toolbar .lf{ float:left;}
.headbar .toolbar .title{ position: absolute; top: 0px;left: 48px; right: 48px; color: #333333; text-align: center;}
.headbar .toolbar .rt{ float:right;}
.headbar .toolbar .tool{ height:48px; min-width:48px;display:flex; align-items: center;justify-content: center;}
.headbar .toolbar .tool.tapcss{background-color:#eeeeee;}
.headbar .toolbar .tool span{display: block;width:20px;height:20px;position:relative;}
.headbar .toolbar .tool span:before{position: absolute; top: 0px;left: 0px; right: 0px; bottom: 0px; margin: auto;width:20px;height:20px;content: " ";background-repeat:no-repeat;background-position:center; background-size:cover;}
.headbar .toolbar .tool.menu{ padding: 0px 15px;}
.headbar .toolbar .back:before{background-image: url('../image/main/jiantou1.png');}
.headbar .toolbar .back.b:before{background-image: url('../image/main/jiantou1_b.png');}
.headbar .toolbar .back.c:before{background-image: url('../image/main/del_login.png');}
.headbar .toolbar .back_r:before{background-image: url('../image/main/jiantou1_r.png');}
.headbar .toolbar .back.c{width:25px;height:25px;}

/* 底部导航 tab-bar*/
.tab-bar{width:100%;color:#CCCCCC; height: 48px; background-color:#FFF; position:fixed;z-index:5;left:0px; right:0px; bottom:0px; text-align:center;}
.tab-bar .tab-button {display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;color:inherit;padding:5px 0px 5px; position: relative;color: #F9891A;}
.tab-bar .tab-button i{width:20px; height: 20px; display: block; margin:0 auto;background-position:center center;background-repeat:no-repeat;border: none;-webkit-background-size:32px;background-size:32px;}
.tab-bar .tab-button img{width:100%;}
.tab-bar .tab-button .icon2{display:none;}
.tab-bar .tab-button span{display: block; line-height: 20px;font-size: 10px;transition:0.1s ease;}
.tab-bar .tab-button.active{background: linear-gradient(180deg, #FFB008 0%, #F9891A 100%);}
.tab-bar .tab-button.active span{color:#FFFFFF;font-size: 10px;}
.tab-bar .tab-button.active .icon2{display: block;font-weight:400;font-size:10px;}
.tab-bar .tab-button.active .icon1{ display: none;}
.tab-bar .tab-button .num{min-width: 13px;height:13px; padding: 0px 3px;top: 0px; right: 26px;background-color: #F60; color: #fff;display: none;position: absolute;line-height: 13px; font-size: 10px;border-radius: 100px;}
.tab-bar::before{content:" ";position:absolute;left:0;top:-0.03rem;right:0;height:1px;border-top:1px solid #ddd;color:#ddd;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:scaleY(0.1);transform:scaleY(0.1);}


/*滚动加载样式*/
/*.bottom-box{ height: 50px; line-height: 50px; text-align: center; clear: both;}
.bottom-box .msgbox span{line-height:30px; display: inline-block; padding-left:25px; position: relative;}
.bottom-box .msgbox span::after{
	position:absolute;top:6px;left:0px;
	width:18px; height:18px;
	background-image: url('../image/main/l4.gif');background-size:cover;
	content: " ";
}*/

.bottom-box{ height: 50px; line-height: 50px; text-align: center; clear: both;}
.bottom-box .msgbox span{line-height:30px; display: inline-block;position: relative;height: 30px;}
/*.bottom-box .msgbox span::after{
	position:absolute;top:50%;left:50%;margin-left: -12px;
	width:24px; height:24px;
	background-image: url('../image/main/l6.gif');background-size:cover;
	content: "";
}*/

/*底部阴影效果*/
.bottom-bian{position: fixed;z-index:20;height:0.1rem; bottom:0px;left: 0px; right: 0px;box-shadow:0px -3px 6px 0px rgba(0, 0, 0, 0.2);}
/*调数器*/
.numbox{ position:relative;}
.numbox span{}
.numbox .num{ text-align: center; line-height:24px; font-size:14px; color: #91512e;}
.numbox span i{width:23px; height:23px;display:block;}
.numbox span:active{ opacity:0.6;}
.numbox .flex1 input{ width: 100%;}
.numbox .numadd{background-image: url(../image/main/up.png);background-size:cover;}
.numbox .numdel{background-image: url(../image/main/down.png);background-size:cover;}

/*边线*/
/*---uimenu-list-- */
.uimenu-list{ background-color: #FFF;}
.uimenu-list .uimenu-item{padding: 10px 15px;display:-webkit-box; display:-moz-box; display:-ms-flexbox; display:-webkit-flex; display:flex;}
.uimenu-list .uimenu-item:active{ background-color: rgba(250,250,250,0.8);}
.uimenu-list .uimenu-item.noact:active{ background-color:inherit;}
.uimenu-list .uimenu-item .tit{line-height:25px; color: #888;}
.uimenu-list .uimenu-item .icon{ width: 40px;display: flex; justify-content: center; align-items: center;}
.uimenu-list .uimenu-item .icon img{width: 90%;}
.uimenu-list .uimenu-item .con{padding: 0px 5px 0px 15px;-webkit-box-flex:1;-moz-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;}
.uimenu-list .uimenu-item .str,.uimenu-list .uimenu-item .con span{line-height:25px;}
.uimenu-list .uimenu-item .con .rtstr{float: right;text-align: right;}
.uimenu-list .uimenu-item .con .input input{ width: 95%; line-height: 25px;}
.uimenu-list .uimenu-item .ly-ricon{width:25px;}


/*单选复选样式*/
.h-radio,.h-checkbox {width: 18px; height: 18px; background-color: #ffffff; border: solid 1px #dddddd; -webkit-border-radius: 50%; border-radius: 50%; font-size: 0.8rem; margin: 0; padding: 0; position: relative; display: inline-block; vertical-align: top;cursor:default; -webkit-appearance:none; -webkit-user-select: none; user-select: none; -webkit-transition: background-color ease 0.1s;transition: background-color ease 0.1s;}
.h-radio:checked, .h-radio.aui-checked, .h-checkbox:checked, .h-checkbox.h-checked {background-color: #FF2741; border: solid 1px #FF2741; text-align: center; background-clip: padding-box;}
.h-radio:checked:before,.h-radio.h-checked:before,.h-checkbox:checked:before,.h-checkbox.h-checked:before,.h-radio:checked:after,
.h-radio.h-checked:after,.h-checkbox:checked:after,.h-checkbox.h-checked:after{content: '';width:0.5rem;height:0.3rem;position:absolute;top: 50%;left:50%; margin-left: -0.25rem; margin-top: -0.25rem; background: transparent; border: 1px solid #ffffff;border-top:none;border-right: none; z-index: 2; -webkit-border-radius: 0; border-radius: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}

/*开关*/
.aui-switch {
    width: 2.3rem;
    height: 1.2rem;
    position: relative;
    vertical-align: top;
    border: 1px solid #dddddd;
    background-color: #dddddd;
    border-radius: 0.6rem;
    background-clip: content-box;
    display: inline-block;
    outline: none;
    -webkit-appearance: none;
            appearance: none;
    -webkit-user-select: none;
            user-select: none;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-background-clip: padding-box;
            background-clip: padding-box;
    -webkit-transition: all 0.2s linear;
            transition: all 0.2s linear;
}
.aui-switch:before {
    width: 1.1rem;
    height: 1.1rem;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.6rem;
    background-color: #fff;
    content: '';
    -webkit-transition: left 0.2s;
            transition: left 0.2s;
}
.aui-switch:checked {
    border-color: #009900;
    background-color: #009900;
}
.aui-switch:checked:before {
    left: 1.1rem;
}

/*基础动画--淡入*/
.fadein {opacity:0;animation:fadeIn 0.5s;-webkit-animation:fadeIn 0.5s;}
@keyframes updown {from {opacity:0.6;bottom:-100px;}}
@-webkit-keyframes fadeIn {from {opacity:0.1;}}
@-moz-keyframes fadeIn {from {opacity:0.1;}}
@keyframes fadeIn {from {opacity:0.1;}}
